<template>
	<view class="help_send">
		<view class="content">
			<view class="part_two">
				<view>
					<view class="padding-lr padding-tb-sm">
						服务地址
					</view>
					<view class="service_box" @click="goAddress()" style="margin-left: 14upx;">
						<view class="service_address">
							<view class="service_dd" v-if="detailsAddress">
								<view>{{cityaddress}} {{detailsAddress}}</view>
								<view>{{name}} {{phone}}</view>
							</view>
							<view class="service_dd" v-else>请选择地址</view>
						</view>
						<view class="service_icon">
							<u-icon name="arrow-right"></u-icon>
						</view>
					</view>
				</view>
				<u-line color="#E6E6E6" />
				<view class="flex justify-between margin-top-sm" style="padding: 10rpx 25rpx;">
					<view class="text-df" style="width: 140upx;">预约时间</view>
					<view class="flex justify-between padding-bottom-sm" @click="showdata = true">
						<view>
							<text class="margin-right-xs" v-if="deliveryTime">{{deliveryTime}}</text>
							<text class="margin-right-xs" v-else>请选择预约时间</text>
							<u-icon name="arrow-right" color="#CFCDCF"></u-icon>
						</view>
					</view>
				</view>
			</view>

			<view class="part_four">
				<view class="service_type">任务标题</view>
				<view class="service_you">

					<input type="text" v-model="serviceName" placeholder-style="font-size:28upx" placeholder="请选择任务标题"
						style="width: 100%;" disabled="true" @click="show = true" />
					<u-icon name="arrow-right" color="#CFCDCF"></u-icon>
				</view>
			</view>
			<view class="part_one">
				<view class="pay_tit" style="padding-left: 10upx;">
					<view class="pay_name">请您填写要服务的事情</view>
					<view class="pay_set">
						<u-input v-model="content" type="textarea" placeholder="请填写您的具体要求等" :clearable="false"
							maxlength="100" />
					</view>
				</view>
			</view>

			<view class="part_three">

				<view class="part_four">
					<view class="service_type" style="margin-left: 10upx;">任务赏金</view>
					<view class="service_you">

						<input type="number" input-align="right" v-model="money" placeholder-style="font-size:28upx"
							placeholder="接单更快 购买更加及时" style="width: 100%;" />元
						<!-- <u-icon name="arrow-right"></u-icon> -->
					</view>
				</view>
			</view>

			<view class="content_sure">
				<u-checkbox-group>
					<u-checkbox v-model="check" shape="circle" active-color="#FF7F00">同意并接受<text style="color: #333333;"
							@click.stop="goxieyi()">《万能任务发布协议》</text></u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="tabbar">
				<view class="tabbar_price">
					赏金:
					<text>￥{{money?money:'0'}}</text>
				</view>
				<view class="tabbar_btn">
					<view class="but" @click="showPay=true">提交并支付</view>
				</view>
			</view>
			<!-- 取件时间弹框 -->
			<u-picker v-model="showdata" mode="time" :params="params" @confirm="statusChange"></u-picker>
		</view>
		<u-popup v-model="showPay" mode="bottom" border-radius="14" :closeable="true">
			<view
				style="width: 100%;text-align: center;font-size:38rpx;font-weight: bold;margin-top:15rpx;margin-bottom: 80rpx;">
				选择支付方式
			</view>
			<view style="display: flex;height: 100upx;align-items: center;padding: 20upx 30rpx;"
				v-for="(item,index) in openLists" :key='index'>
				<view style="display: flex;width:80%;align-items: center;">
					<image :src="item.image" style="width: 55upx;height: 55upx;border-radius: 50upx;"></image>
					<view style="font-size: 30upx;margin-left: 20upx;width: 70%;">{{item.text}}
					</view>
				</view>
				<view style="width: 20%;display: flex;justify-content: flex-end;">
					<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item.id)'>
						<label class="tui-radio">
							<radio color="#1789FD" :checked="openWay === item.id ? true : false" />
						</label>
					</radio-group>
				</view>
			</view>
			<view
				style="width: 690rpx;height: 80rpx;background:#1789FD;color:#FFFFFF;text-align: center;line-height: 80rpx;border-radius: 50rpx;margin: 30rpx;"
				@tap="pay()">确认支付</view>
		</u-popup>
		<u-select v-model="show" mode="single-column" :list="gameList" @confirm="selConfirm"></u-select>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked: false,
				check: false,
				code: '',
				phone: '',
				name: '',
				detailsAddress: '',
				latitude: '',
				longitude: '',
				province: '',
				city: '',
				district: '',
				deliveryTime: '',
				serviceName: '',
				content: '',
				clearable: false,
				showdata: false,
				type: 'text',
				border: true,
				params: {
					year: true,
					month: true,
					day: true,
					hour: true,
					minute: true,
					second: false
				},
				paySel: false,
				cityaddress: '',
				money: '',
				gameList: [],
				show: false,
				minMoney: 0,
				gameId: '',
				showPay: false,
				openWay: 0,
				openLists: [{
					image: '../../static/images/zhifubao.png',
					text: '支付宝',
					id: 1
				}, {
					image: '../../static/images/icon_weixin.png',
					text: '微信',
					id: 2
				}],
			}
		},
		onLoad() {
			this.getGameList()
			this.getMinMoney();

			// #ifdef APP-PLUS
			this.openLists = [{
				image: '../../static/images/zhifubao.png',
				text: '支付宝',
				id: 1
			}, {
				image: '../../static/images/icon_weixin.png',
				text: '微信',
				id: 2
			}, {
				image: '../../static/images/lingqian.png',
				text: '零钱',
				id: 3
			}];
			this.openWay = 1;
			// #endif

			// #ifdef MP-WEIXIN
			this.openLists = [{
				image: '../../static/images/icon_weixin.png',
				text: '微信',
				id: 2
			}, {
				image: '../../static/images/lingqian.png',
				text: '零钱',
				id: 3
			}];
			this.openWay = 2;
			// #endif

			// #ifdef H5
			this.openLists = [{
				image: '../../static/images/zhifubao.png',
				text: '支付宝',
				id: 1
			}, {
				image: '../../static/images/lingqian.png',
				text: '零钱',
				id: 3
			}];
			this.openWay = 1;
			// #endif
		},
		onShow() {
			this.addressId = this.$queue.getData('EditAddress');
			if (this.addressId) {
				this.getAddressList(this.addressId);
			} else {
				this.addressMy()
			}
		},
		methods: {
			selectWay: function(id) {
				this.openWay = id;
			},
			//获取最低佣金
			getMinMoney() {
				this.$Request.getT('/app/common/type/202').then(res => {
					if (res.code == 0) {
						this.minMoney = parseFloat(res.data.value);
						this.money = parseFloat(res.data.value)
					}
				});
			},
			// 获取分类列表
			getGameList() {
				this.$Request.get("/app/fixedClassify/getTreeClassifyList").then(res => {
					if (res.code == 0) {
						this.gameList = [];
						res.data.forEach(res => {
							if (res.children && res.children.length > 0) {
								for (var i = 0; i < res.children.length; i++) {
									let data = {
										label: res.children[i].classifyName,
										value: res.children[i].classifyId
									}
									this.gameList.push(data);
								}
							}
						})
						// this.gameList = res.data
					}
				});
			},
			selConfirm(e) {
				console.log(e)
				this.serviceName = e[0].label
				this.gameId = e[0].value
			},
			// 家政协议
			goxieyi() {
				uni.navigateTo({
					url: '/my/setting/homexieyi'
				})
			},
			// 选择预约时间
			statusChange(e) {
				console.log(e)
				var myDate = new Date();
				if (e.month > myDate.getMonth() + 1) {
					this.deliveryTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute
				} else {
					if (e.day > myDate.getDate()) {
						this.deliveryTime = e.year + '-' + e.month + '-' + e.day + ' ' + e
							.hour + ':' + e.minute
					} else {
						if (e.hour - myDate.getHours() >= 1) {
							this.deliveryTime = e.year + '-' + e.month + '-' + e.day + ' ' +
								e.hour + ':' + e.minute
						} else {
							uni.showToast({
								title: '选择时间大于当前一小时',
								icon: 'none',
								duration: 1000
							})
						}
					}
				}
			},
			//选择地址
			goAddress() {
				uni.navigateTo({
					url: '/my/address/address?id=1'
				})
			},
			// 根据地址id查询地址
			getAddressList(addressId) {
				if (addressId) {
					this.$Request.getT('/app/address/selectAddressByAddressId?addressId=' + this.addressId).then(res => {
						console.log(res)
						if (res.code == 0) {
							this.name = res.data.name;
							this.phone = res.data.phone;
							this.cityaddress = res.data.province + res.data.city + res.data.district;
							this.detailsAddress = res.data.detailsAddress;
							// this.forms.isDefault = res.data.isDefault;
							// this.forms.userId = res.data.userId;
							this.latitude = res.data.latitude;
							this.longitude = res.data.longitude;
							this.province = res.data.province
							this.city = res.data.city
							this.district = res.data.district
						}
						// uni.hideLoading();
					});
				} else {
					uni.navigateTo({
						url: '/my/address/address?id=1'
					})
				}
			},
			// 获取默认地址
			addressMy() {
				this.$Request.getT('/app/address/selectAddressById').then(res => {
					console.log(res)
					if (res.code == 0) {
						this.name = res.data.name;
						this.mobile = res.data.phone;
						this.cityaddress = res.data.province + res.data.city + res.data.district;
						this.detailaddress = res.data.detailsAddress;
						this.isDefault = res.data.isDefault;
						this.userId = res.data.userId;
						this.latitude = res.data.latitude;
						this.longitude = res.data.longitude;
						this.province = res.data.province
						this.city = res.data.city
						this.district = res.data.district
						this.addressId = res.data.addressId
						// this.$queue.setData('EditAddress', res.data.addressId);
					}
				});
			},
			tabs(index) {
				this.current = index;
			},
			// switch打开或者关闭时触发，值为true或者false
			// 即使不监听此事件，this.checked此时也会相应的变成true或者false
			change(status) {
				// console.log(status);
			},
			bindtake() {
				uni.navigateTo({
					url: '/pages/closeaddress/closeaddress'
				})
			},
			bindclose() {
				uni.navigateTo({
					url: '/pages/takeaddress/takeaddress'
				})
			},
			confirm(e) {
				console.log(e)
			},
			onshowdata() {
				this.showdata = true
			},
			binddata() {
				this.showdata = false
			},
			onshowinfo() {
				this.showinfo = true
			},
			bindinfo() {
				this.showinfo = false
			},
			selectFoods(e, i) {
				console.log(e.id)
				if (e.id == 1) {
					this.selected_foods1 = i
				}
				if (e.id == 2) {
					this.selected_foods2 = i
				}
				if (e.id == 3) {
					this.selected_foods3 = i
				}
			},
			onshowvalua() {
				this.showvalua = true
			},
			bindvalua() {
				this.showvalua = false
			},
			onshowmoney() {
				this.showmoney = true
			},
			pay() {
				if (!this.detailsAddress) {
					uni.showToast({
						title: '请选择服务地址',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (!this.deliveryTime) {
					uni.showToast({
						title: '请选择预约时间 ',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (!this.serviceName) {
					uni.showToast({
						title: '请选择任务标题',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (!this.content) {
					uni.showToast({
						title: '请填写您要服务的具体要求',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (this.$queue.getChatSearchKeys(this.content)) {
					uni.showToast({
						title: "输入内容带有非法关键字请重新输入",
						mask: false,
						duration: 1500,
						icon: "none"
					});

					return;
				}
				if (!this.money) {
					uni.showToast({
						title: '请填写任务赏金',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (this.money < this.minMoney) {
					uni.showToast({
						title: '任务赏金不能低于' + this.minMoney + '元',
						icon: 'none',
						duration: 2000
					})
					return
				}
				if (!this.check) {
					uni.showToast({
						title: '请勾选发布协议',
						icon: 'none',
						duration: 1000
					})
					return
				}
				if (this.paySel) {
					return;
				}
				let that = this
				that.paySel = true;
				//classify  1app  2公众号 3小程序
				let classify = 1;
				// #ifdef H5
				classify = 2;
				// #endif
				// #ifdef MP-WEIXIN
				classify = 3;
				// #endif
				let data = {
					classify: classify,
					deliveryTime: that.deliveryTime,
					content: that.content,
					commission: that.money,
					name: that.name,
					phone: that.phone,
					detailsAddress: that.detailsAddress,
					latitude: that.latitude,
					longitude: that.longitude,
					province: that.province,
					city: that.city,
					district: that.district,
					serviceName: this.serviceName,
					fixedClassifyId: this.gameId
				}
				that.showPay = false;
				uni.showModal({
					title: '付款提示',
					content: '确认支付' + that.money + '元吗?',
					success: function(re) {
						if (re.confirm) {
							if (that.openWay == 2) { //微信
								that.$Request.postJson("/app/wxPay/wxPayHelpOrder", data).then(red => {
									console.log(red)
									if (red.code == 0) {
										// #ifdef MP-WEIXIN
										uni.requestPayment({
											provider: 'wxpay',
											timeStamp: red.data.timestamp,
											nonceStr: red.data.noncestr,
											package: red.data.package,
											signType: red.data.signType,
											paySign: red.data.sign,
											success: function(redd) {
												that.paySel = false;
												uni.removeStorageSync('EditAddress')
												uni.showLoading({
													title: '支付成功'
												});
												uni.hideLoading();
												setTimeout(function() {
													uni.redirectTo({
														url: '/my/renwu/index'
													})

												}, 1000)
											},
											fail: function(err) {
												that.paySel = false;
												uni.hideLoading();
												that.$queue.showToast(
													'支付失败');
											}
										});
										// #endif

										// #ifdef APP-PLUS
										console.log(JSON.stringify(red))
										that.setPayment('wxpay', JSON.stringify(red.data));
										// #endif

										// #ifdef H5
										that.callPay(red);
										// #endif
									} else {
										that.paySel = false;
										uni.showToast({
											title: red.msg,
											icon: 'none'
										})
									}
								});
							} else if (that.openWay == 1) { //支付宝
								that.$Request.postJson("/app/aliPay/payHelpOrder", data).then(red => {
									if (red.code == 0) {
										// #ifdef APP-PLUS
										that.setPayment('alipay', red.data);
										// #endif

										// #ifdef H5
										that.paySel = false;
										const div = document.createElement('div')
										div.innerHTML = red.data //此处form就是后台返回接收到的数据
										document.body.appendChild(div)
										document.forms[0].submit()
										// #endif
									} else {
										that.paySel = false;
										uni.showToast({
											title: red.msg,
											icon: 'none'
										})
									}
								});
							} else if (that.openWay == 3) { //零钱
								that.$Request.postJson("/app/help/saveHelpOrder", data).then(ret => {
									if (ret.code == 0) {
										let orderId = ret.data.id
										uni.showModal({
											title: '付款提示',
											content: '确认支付' + that.commission + '元吗?',
											success: function(re) {
												if (re.confirm) {
													that.$Request.postT(
														"/app/help/payHelpOrder?orderId=" +
														orderId).then(
														red => {
															if (red.code == 0) {
																that.paySel = false;
																uni.showToast({
																	title: '支付成功',
																	icon: 'none'
																})
																setTimeout(function() {
																	uni.redirectTo({
																		url: '/my/renwu/index'
																	})
																}, 1000)

															} else {
																that.paySel = false;
																uni.showToast({
																	title: red
																		.msg,
																	icon: 'none'
																})
															}
														});

												} else if (re.cancel) {
													that.paySel = false;
													uni.showToast({
														title: ret.msg,
														icon: 'none'
													})
												}
											}
										})
									} else {
										that.paySel = false;
										uni.showToast({
											title: ret.msg,
											icon: 'none'
										})
									}
								})

								// that.$Request.postT("/app/help/payHelpOrder", data).then(ret => {
								// 	if (ret.code == 0) {
								// 		that.paySel = false;
								// 		uni.showToast({
								// 			title: '支付成功',
								// 			icon: 'none'
								// 		})
								// 		setTimeout(function() {
								// 			uni.redirectTo({
								// 				url: '/my/renwu/index'
								// 			})
								// 		}, 1000)

								// 	} else {
								// 		that.paySel = false;
								// 		uni.showToast({
								// 			title: ret.msg,
								// 			icon: 'none'
								// 		})
								// 	}
								// });
							}
						} else if (re.cancel) {
							that.paySel = false;
							uni.redirectTo({
								url: '/my/renwu/index'
							})
						}
					}
				})
			},
			callPay: function(response) {
				if (typeof WeixinJSBridge === "undefined") {
					if (document.addEventListener) {
						document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
					} else if (document.attachEvent) {
						document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
						document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
					}
				} else {
					this.onBridgeReady(response);
				}
			},
			onBridgeReady: function(response) {
				let that = this;
				if (!response.package) {
					return;
				}
				WeixinJSBridge.invoke(
					'getBrandWCPayRequest', {
						"appId": response.appid, //公众号名称，由商户传入
						"timeStamp": response.timestamp, //时间戳，自1970年以来的秒数
						"nonceStr": response.noncestr, //随机串
						"package": response.package,
						"signType": response.signType, //微信签名方式：
						"paySign": response.sign //微信签名
					},
					function(res) {
						if (res.err_msg === "get_brand_wcpay_request:ok") {
							that.paySel = false;
							// 使用以上方式判断前端返回,微信团队郑重提示：
							//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
							uni.showToast({
								title: '支付成功',
								icon: 'none'
							})
							setTimeout(function() {
								uni.redirectTo({
									url: '/my/renwu/index'
								})
							}, 1000)
						} else {
							that.paySel = false;
							uni.hideLoading();
						}
						WeixinJSBridge.log(response.err_msg);
					}
				);
			},
			setPayment(name, order) {
				let that = this;
				uni.requestPayment({
					provider: name,
					orderInfo: order, //微信、支付宝订单数据
					success: function(res) {
						that.paySel = false;
						uni.showToast({
							title: '支付成功',
							icon: 'none'
						})
						setTimeout(function() {
							uni.redirectTo({
								url: '/my/renwu/index'
							})
						}, 1000)
					},
					fail: function(err) {
						that.paySel = false;
						uni.hideLoading();
					}
				});
			}
		}
	}
</script>

<style>
	page {
		background: #F8F8F8;
	}

	/* 取件时间弹框 */
	.popup_data {
		height: 600upx;
		width: 100%;
		position: relative;
	}

	.data_title {
		width: 92%;
		margin: 0 auto;
		font-size: 34upx;
		line-height: 110upx;
		font-weight: bold;
		letter-spacing: 2upx;
		position: relative;
		top: 0upx;
		z-index: 99991;
	}

	.data_btn {
		position: absolute;
		bottom: 30upx;
		width: 100%;
		z-index: 99992;
	}

	.btn {
		width: 96%;
		margin: 0 auto;
		height: 45upx;
		color: white;
		background: #FF7F00;
		border-radius: 22upx;
		text-align: center;
		line-height: 90upx;
		letter-spacing: 2upx;
	}

	.u-close {
		position: absolute;
		z-index: 999999 !important;
	}

	.u-picker-body {
		height: 355upx !important;
	}



	.u-line {
		width: 96% !important;
		border-bottom-width: 3upx !important;
		margin: 0 auto !important;
		margin-top: 24upx !important;
		margin-bottom: 24upx !important;
	}


	.help_send {
		width: 100%;
		/* 	position: fixed;
		bottom: 120upx;
		left: 0upx;
		right: 0upx; */
	}

	.content {
		/* 	margin-top: -380upx;
		position: relative;
		z-index: 999; */
	}

	.part_one {
		width: 96%;
		margin: 0 auto;
		/* height: 225rpx; */
		background: #ffffff;
		border-radius: 20upx;
		margin-top: 20upx;
	}

	.pay_tit {
		width: 96%;
		margin: 0 auto;
		/* height: 200upx; */
		position: relative;
		padding-bottom: 20rpx;
	}

	.pay_name {
		font-size: 30upx;
		font-weight: bold;
		/* width: 95%;
		margin: 0 auto; */
		letter-spacing: 2upx;
		padding-top: 30upx;
	}

	.pay_set {
		color: #333333;
		font-size: 24upx;
		/* width: 95%;
		margin: 0 auto; */
		margin-top: 20upx;
	}

	.part_two {
		width: 96%;
		margin: 0 auto;
		/* height: 235rpx; */
		background: #ffffff;
		border-radius: 20upx;
		margin-top: 20upx;
	}

	.u-form {
		margin-top: -22rpx;
	}

	.service_box {
		display: flex;
		width: 94%;
		margin: 0 auto;
		/* height: 55rpx; */
		/* align-items: flex-end; */
		align-items: center;
		justify-content: space-between;
	}

	.service_address {
		/* flex: 1; */
		margin-left: 14upx;
	}

	.service_name {
		width: 100%;
		margin-top: 30upx;
		margin-bottom: 16upx;
	}

	.service_dd {
		font-size: 28rpx;
	}

	.service_dd text {
		margin-left: 20upx;
	}

	.service_icon {
		/* flex: 1; */
		display: flex;
		justify-content: flex-end;
		align-items: center;
		color: #CCCCCC;
	}

	.part_three {
		width: 96%;
		margin: 0 auto;
		/* padding: 15rpx 0rpx; */
		/* padding-top: 15rpx; */
		background: #ffffff;
		border-radius: 20upx;
		margin-top: 20rpx;
	}

	.u-form-item__body {
		position: relative !important;
	}

	.u-form-item--left {
		position: absolute !important;
		top: 30upx;
		left: 30upx;
		font-size: 28upx;
		font-weight: bold;
		letter-spacing: 2upx;
	}

	.u-form-item--right__content {
		margin-right: 20upx !important;
	}

	.u-form-item {
		line-height: 20upx !important;
	}

	.u-form-item {
		padding: 10rpx 0 !important;
	}

	.u-input__input {
		font-size: 44rupx !important;
	}

	.part_four {
		width: 96%;
		/* height: 125rpx; */
		padding: 30rpx 0rpx;
		background: #ffffff;
		margin: 0 auto;
		border-radius: 20upx;
		display: flex;
		margin-top: 20upx;
		justify-content: space-between;
	}

	.service_type {
		/* flex: 1; */
		display: flex;
		margin-left: 28upx;
		font-size: 28upx;
		/* font-weight: bold; */

	}

	.service_you {
		/* flex: 1; */
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-right: 20upx;
		/* color: #CCCCCC; */
		width: 70%;
		text-align: right;
	}

	.content_sure {
		width: 96%;
		margin: 0 auto;
		margin-top: 20upx;
	}

	.u-checkbox__label {
		font-size: 24upx !important;
		letter-spacing: 2upx;
		color: #888888 !important;
	}

	.tabbar {
		width: 100%;
		height: 100upx;
		background: #ffffff;
		position: fixed;
		bottom: 0upx;
		left: 0upx;
		right: 0upx;
		display: flex;
		justify-content: space-between;
	}

	.tabbar_price {
		display: flex;
		justify-content: left;
		align-items: center;
		font-size: 28upx;
		font-weight: bold;
		margin-left: 40upx;
	}

	.tabbar_price text {
		color: #FF3333;
		font-size: 36upx;
		font-weight: 500;
	}

	.tabbar_btn {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.but {
		background: #557EFD;
		padding: 20rpx 65rpx;
		text-align: center;
		border-radius: 60rpx;
		color: white;
		font-size: 28rpx;
		margin-right: 30rpx;
	}

	.actclass {
		background-color: #FFD9B3;
	}

	.u-icon__icon {
		position: relative;
		color: #CFCDCF !important;
	}

	.u-input__textarea {
		background: #f5f4f5 !important;
		border-radius: 7rpx !important;
		height: 190rpx !important;
		padding: 15rpx 10rpx !important;

	}

	.u-border-bottom:after {
		border: none;
	}

	.pay_btn {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		background: #2FB57A;
		height: 80rpx;
		border-radius: 16rpx;
		color: #ffffff;
		line-height: 80rpx;

	}
</style>
